/**
 * CSS using for h-application
 * @author huytbt
 * @date 2012-03-24
 * @version 1.0
 */

body {
  padding-top: 60px;
  padding-bottom: 40px;
}
.navbar .navbar-inner {
  background-color: #13478c;
  background-image: -webkit-linear-gradient(top, #13478c, #0f3b75);
  background-image: -o-linear-gradient(top, #13478c, #0f3b75);
  background-image: linear-gradient(top, #13478c, #0f3b75);
  background-repeat: repeat-x;
}
.navbar .nav .active > a,
.navbar .nav .active > a:hover {
  background-color: #0f3b75;
}
.navbar .nav > li > a, .navbar .navbar-form label {
  color: #dddddd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.navbar-search .search-query {
  background-color: #2f72c4;
}
.search-query{
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.navbar .divider-vertical {
  background-color: #0f3b75;
  border-right: 1px solid #13478c;
}

/*******************    Book page   **************************/
.h-book-item { display: inline-block; width: 100%; padding: 10px 0; border-top: solid 1px #ccc; }
.h-book-item .thumbnail { float: left; margin-right: 10px; width: 79px; height: 121px;  }
.h-book-item .h-book-content { max-width: 420px; float: left;  }
.h-book-item:first-child { border-top: 0px !important; }
.h-book-item p { margin:0px; }
.h-price-wrap { float:right; }
span.h-tag-head {float: left;background: url("../img/price-tag-head.png") no-repeat scroll left top transparent;height: 25px;margin: 0;padding: 0;width: 33px;}
p.h-post-price {background-color: #FF9;float: left;font: bold 17px Arial,Helvetica,sans-serif;margin: 0;padding: 3px 6px 2px;text-shadow: 0 1px 0 white;-khtml-border-radius: 0 4px 4px 0;-moz-border-radius: 0 4px 4px 0;-webkit-border-radius: 0 4px 4px 0;border-radius: 0 4px 4px 0;-moz-box-shadow: 1px 1px 5px #B7B7B7;-khtml-box-shadow: 1px 1px 5px #B7B7B7;-webkit-box-shadow: 1px 1px 5px #b7b7b7;box-shadow: 1px 1px 5px #B7B7B7;}

.h-comment-item { display: inline-block; width: 100%; padding: 10px 0; border-top: solid 1px #ccc; }
.h-comment-item .thumbnail { float: left; margin-right: 10px; width: 40px; height: 40px;  }
.h-comment-item p { margin: 0; }
.h-comment-item span { color: #999; }
.h-comment-item:first-child { border-top: 0px !important; }

/*******************  Profile page  **************************/
.h-profile-sidebar .h-avatar .thumbnail { width: 96%; }
.h-profile-sidebar .h-avatar { margin-bottom: 10px; }
.h-profile-sidebar .h-name { text-align: left; padding: 0 0 10px 0; }
.h-profile-sidebar .h-friends ul { list-style-type: none; padding: 0; margin: 5px; }
.h-profile-sidebar .h-friends ul li { display: inline-block; padding: 2px 0; }
.h-profile-sidebar .h-friends ul li .thumbnail { width: 40px; height: 40px; padding: 2px; float: left; margin-right: 5px; }

.h-wall .h-wall-status .h-wall-item { padding: 10px 0; border-top: solid 1px #ccc; }
.h-wall .h-wall-status .h-wall-item:first-child { border-top: 0px !important; }

.h-wall .h-wall-status .h-wall-content { display: table-cell; width: 100%; }
.h-wall .h-wall-status .h-wall-content .h-comments { margin-top: 5px; background-color: #ebeaff; padding: 0 10px; -khtml-border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; }
.h-wall .h-wall-status .h-wall-content p { margin: 0; }
.h-wall .h-wall-status .h-wall-content span { color: #999; }
.h-wall .h-wall-status .h-wall-item > .thumbnail { float: left; margin-right: 10px; width: 50px; height: 50px; }

ul.h-textbook-sidebar { list-style-type: none; padding: 0; margin: 5px; }
ul.h-textbook-sidebar li { display: inline-block; }
ul.h-textbook-sidebar li .thumbnail { width: 30px; height: 45px; padding: 3px; float: left; margin-right: 5px; }
/******************* Elements style **************************/

/* Fixed subnav on scroll, but only for 980px and up (sorry IE!) */
@media (min-width: 980px) {
  .subnav-fixed {
    position: fixed;
    top: 40px;
    left: 0;
    right: 0;
    z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */
    border-color: #d5d5d5;
    border-width: 0 0 1px; /* drop the border on the fixed edges */
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
       -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
            box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */
  }
  .subnav-fixed .nav {
    width: 938px;
    margin: 0 auto;
    padding: 0 1px;
  }
  .subnav .nav > li:first-child > a,
  .subnav .nav > li:first-child > a:hover {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
  }
}
